.cotainer{
  /*这四个盒子都要左浮动*/
  
  /*让他们满浏览器*/
  width: 100%;
  /*内边距会影响整个盒子的实际大小*/
  box-sizing: border-box;
  display: flex;
}
.lside{
  width: 570px;
  /* flex: 1; */
}
.rside{
  width: 570px;
  height: 350px;
  border: 2px solid #000000;
  /* flex: 1; */
  margin-left: 30px;
  margin-top: 3px;
}
.lside,.rside{
 padding: 5px;
 box-sizing: border-box;

}
body,h2{
  margin: 0;
  font-size: 30;

}
ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.rside ul li{
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}
.rside ul li a{
  text-decoration: none;
  color: #333;
}
.rside ul li a:hover{
  color: red;
}
.rside ul li span{
  /* margin: 10px; */
  font-size: 16px;
  font-weight: bold;
}
.col1{
  color: red;
}
.col2{
  color: #ff5c55;
}
.col3{
  color: #ffa552;
}
@media(max-width:870px){

.lside{
  width: 400px;
}
.lside>a>img{
  width: 400px;
  height: auto;
  
} 
  .rside{
  width: 400px;
  margin-left: 0px;  
}
  .testjr>ul>li>a{
    line-height: 20px;
    font-size: 14px;
  }
}
